<template>
    <div class="bottom">
        <el-row>
            <el-col :span="6">
               
                    <img class="logo" src="../assets/images/logo3.png" alt="" srcset="">
                
            </el-col>
            <el-col :span="4">
                <div class="grid-content">
                    <p class="title">企业链接</p>
                    <p class="link">百度</p>
                    <p class="link">阿里云</p>
                </div>
            </el-col>
            <el-col :span="4">
                <div class="grid-content">
                    <p class="title">关于光影阁</p>
                    <p class="link">常见问题</p>
                    <p class="link">门店信息</p>
                    <p class="link">企业合作</p>
                    <p class="link">人才招聘</p>
                </div>
            </el-col>
            <el-col :span="4">
                <div class="grid-content">
                    <p class="title">联系光影阁</p>
                    <p style="font-weight: bold;font-size: 1.5em;"><i class="el-icon-phone"></i> 400-666-8888</p>
                    <p style="font-weight: 700;font-size: 1.0em;margin-top: 5px;"><i class="el-icon-location"></i> 江西省南昌市紫阳大道338号</p>
                </div>
            </el-col>
            <el-col :span="6">
                
                    <img class="qrcode" src="../assets/images/qrcode.png" alt="">
                
            </el-col>
           
        </el-row>
    </div>
</template>

<script>


</script>

<style scoped>

p{
    margin: 0;
}
.bottom{
    border-top: 1px solid #b3b3b3;
    margin-top: 20px;
    padding-top: 50px;
    padding-bottom: 80px;
}
.el-col{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.logo{
    width: 50%;
}
.qrcode{
    width: 45%;
}
.title{
    font-weight: bold;
    margin-bottom: 10px;
}
.link{
    color: #5e5e5e;
    cursor: default;
    margin-bottom: 5px;
}
.link:hover{
    color: #000;
}
</style>